<template>
  <div class="top">
      <van-icon name="search"  class="tubiao"/>
      <input type="text" placeholder="儿童保温水杯">
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
*{
    margin: 0;
    padding: 0;
}
$bac:#f5f5f5;
$bac1:#ffffff;
    .top{
        width: 100%;
        height: 0.5rem;
        background:$bac1;
        position: relative;
        input{
        width: 90%;
        height:70%;
        border-radius: 0.15rem;
        // border: 1px solid red;
        outline: none;
        position: absolute;
        left: 5%;
        top: 15%;
        //文字缩进
        text-indent:0.4rem;
        background:$bac;
        //去掉border的框框
        border:none;
       
        
     
    }
    .tubiao{
        position: absolute;
        font-size: 0.3rem;
        left:0.25rem;
        top:0.13rem;
        z-index: 1;
        color: #d3d3d3;
    }
    }
    
</style>

